<!-- 

  Vant的标签页，嵌套在Tabs里面使用

  props: 
    title:(String)                           标题
    disabled:(Boolean)                       是否禁用标签
    dot:(Boolean)                            是否在标题右上角显示小红点
    badge:(String || Number)                 v2.5.6	图标右上角徽标的内容
    info:(String || Number)                  图标右上角徽标的内容（已废弃，请使用 badge 属性）
    name:(String || Number)                  标签名称，作为匹配的标识符
    url:(String)                             点击后跳转的链接地址
    to:(String || Object)                    点击后跳转的目标路由对象，同 vue-router 的 to 属性
    replace:(Boolean)                        是否在跳转时替换当前页面历史
    title-style:(any)                        自定义标题样式
    title-class:(any)                        自定义标题类名

  slot: 
    default                                  标签页内容
    title                                    自定义标题

  demo: 
    <qm-tabs swipeable animated class="tabs">
      <qm-tab title="生活播报">
        ...
      </qm-tab>
      <qm-tab title="今日动态">内容 2</qm-tab>
      <qm-tab title="企业动态">内容 3</qm-tab>
    </qm-tabs>

  更多帮助请查看Vant官网： https://vant-contrib.gitee.io/vant/v2/#/zh-CN/tab#tabs-events

-->


<template>
  <van-tab v-bind="$attrs" v-on="$listeners" class="qm-tab">
       <template v-for="(index, name) in $slots" :slot="name">
        <slot :name="name" />
      </template>
  </van-tab>
</template>

<script>
import { Tab } from "vant";
export default {
  inheritAttrs: true,
  components: {
    [Tab.name]: Tab,
  },
};
</script>

<style lang="less" scoped>

</style>